@charset "UTF-8";
.help-c{
    background: #f2f2f2; padding: 100px 0px;
}
.help-contain{
    width: 1200px; margin: 0 auto;
    .h-c-tab{
        height: 80px; margin-bottom: 40px;
        ul{
            width: 400px; margin: 0 auto;
        }
        li{
            width: 100px; float: left; list-style: none; text-align: center; cursor: pointer;
            &.active{
                .h-c-t-tit{
                    color: #595959;
                }
            }
            .h-c-t{
                width: 50px; height: 50px;  margin: 0 auto;
            }
            .h-c-t-tit{
                font-size: 14px; color: #b6b7b8; padding: 0px 10px; margin-top: 10px; display: inline-block;
            }
        }
    }
    .help-section{
        display: none;
        &.active{
            display: block;
        }
        .h-c-new-help-c{
            display: none; width: 840px; margin: 20px auto 0px;
            h2{
                font-size: 18px; font-weight: bold; padding-left: 10px;  margin-bottom: 20px; margin-top: 20px;
            }
            p{
                margin-top: 10px;
            }
            img{
                margin: 10px 0px;
            }
            &.active{
                display: block;
            }
            table{
                td{
                    padding: 10px;
                }
            } 
        }
    }
    .h-c-new-help{
        height: 40px; clear: both;
        ul{
            position: relative; width: 840px; margin: 0 auto;
        }
        li{
            list-style: none; width: 140px; font-size: 14px; float: left; text-align: center; height: 40px; line-height: 40px; background: #fff; cursor: pointer; position: relative; color: #333;
            &.first{
                border-top-left-radius: 20px; border-bottom-left-radius: 20px;
            }
            &.last{
                border-top-right-radius: 20px; border-bottom-right-radius: 20px;
            }
            &.active{
                span{
                    color: #fff;
                }
            }
            span{
                display: block; width: 140px; height: 40px;position: absolute; z-index: 10;
            }
        }
        .h-c-tx-hk{
            display: block; width: 140px; height: 40px; position: absolute; border-radius: 20px; background: red; left: 0px; z-index: 2;
        }
    }
}